江离书生

vuePress-theme-reco 史博辉    2024
江离书生 江离书生

Choose mode

  • dark
  • auto
  • light
主页
分类
  • html
  • java
  • 日常生活
  • markdown
  • mysql
  • nvm
  • pnpm
  • 常见问题
  • vue3
标签
时间轴
author-avatar

史博辉

51

文章

9

标签

主页
分类
  • html
  • java
  • 日常生活
  • markdown
  • mysql
  • nvm
  • pnpm
  • 常见问题
  • vue3
标签
时间轴
  • HTML

    • HTML5 简介

      • HTML5 简介
      • HTML 历史与 HTML5
      • HTML 发展历史
      • HTML 4.01 和 XHTML
      • HTML 和 XHTML 的文档类型定义(DTD)
      • 从 XHTML 到 HTML5
      • HTML5 的优势
      • 解决跨浏览器问题
      • 部分代替了原来的 JavaScript
      • 更明确的语义支持
      • 增强了 Web 应用程序的功能
      • HTML5 的基本结构和语法变化
      • HTML5 的基本结构
      • 标签不再区分大小写
      • 元素可以省略结束标签
      • 支持 boolean 值的属性
      • 允许属性值不使用引号
      • 小结
    • HTML5 的常用元素与属性

    • HTML5 表单相关的元素和属性

    • HTML5 的绘图支持

    • HTML5 的多媒体支持

    • 级联样式单与 CSS 选择器

    • 字体与文本相关属性

    • 背景、边框和边距相关属性

    • 大小、定位、轮廓相关属性

    • 盒模型与布局相关属性

    • 表格、列表相关属性及 media query

    • 变形与动画相关属性

    • JavaScript 语法详解

    • DOM 编程详解

    • 事件处理机制

    • 本地存储与离线应用

    • 文件支持与二进制数据

    • Web Worker 多线程 API

    • 客户端通信

    • HTML5 疯狂俄罗斯方块

支持 boolean 值的属性

vuePress-theme-reco 史博辉    2024

支持 boolean 值的属性

史博辉 2022-10-17 00:48:00 html

XHTML 要求所有元素的所有属性名都应该小写,所有属性都必须指定属性值,不能简写;而且所有属性值必须使用引号引起来。

HTML5 再次回归“松散”的语法。允许部分“标志性”的属性可以省略属性值。例如,如下写法完全符合 HTML5 的规范。

<input checked type="checkbox"/>
<input readonly type="text"/>
<input disabled type="text"/>
<option value="1" selected/>

这些属性都是支持 boolean 值的属性,因此上面4行代码等同于如下4行:

<input checked="true" type="checkbox"/>
<input readonly="true" type="text"/>
<input disabled="true" type="text"/>
<option value="1" selected="true">a</option>

当然,如果开发者习惯了 XHTML 严格的语法,HTML5 同样也支持那种严格的语法。也就是说,下面写法也是有效的。

<input checked="checked" type="checkbox"/>
<input readonly="readonly" type="text"/>
<input disabled="disabled" type="text"/>
<option value="1" selected="selected">a</option>

HTML5 规范还允许这些支持 boolean 值的属性使用空值,空值也代表 true。上面代码可写成如下形式:

<input checked="" type="checkbox"/>
<input readonly="" type="text"/>
<input disabled="" type="text"/>
<option value="1" selected="">a</option>

如果完全省略这些属性(连属性名都不出现),那么该属性的属性值相当于 false。

下表列出了 HTML5 中允许省略属性值的属性。

HTML5 XHTML
checked checked="checked"
readonly readonly="readonly"
disabled disabled="disabled"
selected selected="selected"
defer defer="defer"
ismap ismap="ismap"
nohref nohref="nohref"
noshade noshade="noshade"
nowrap nowrap="nowrap"
multiple multiple="multiple"
noresize noresize="noresize"